import React from 'react';
import {View} from "@gluestack-ui/themed";
import {StatusBar} from "react-native";
import {BaseProps} from "@/types/public";

const ImmerseScreen = ({children,style}: BaseProps) => {
    return (
        <View
            bgColor="$backgroundLight0"
            flex={1}
            style={style}
        >
            <StatusBar
                translucent={true}
                backgroundColor="transparent"
                barStyle={0 ? 'light-content' : 'dark-content'}
            ></StatusBar>
            {children}
        </View>
    );
};

export default ImmerseScreen;